<template>
    <div>
        <h1>child</h1>
    </div>
</template>

<script setup>
import { onBeforeMount, onMounted, onBeforeUnmount, onUnmounted } from 'vue'

onBeforeMount(() => {
    //console.log('child beforeMount')
})
onMounted(() => {
    //console.log('child mounted')
})

onBeforeUnmount(() => {
    console.log('child beforeUnmount 卸载前');

})
onUnmounted(() => {
    console.log('child unmounted 卸载后')
})
</script>

<style lang="css" scoped></style>